{% if contacto.conexiones_remotas.all %}
<h4>Conexiones Remotas</h4>
<table class="lista">
<tr>
<th>Máquina</th>
<th>Tipo</th>
<th>Claves</th>
</tr>
{% for t in  contacto.conexiones_remotas.all %}
	<tr {% if not t.activo %}class="inactiva"{% endif %}>
		<td> {{t.maquina }}</td>
		<td>{{t.tipo}}</td>
		<td>
		{% if t.claves %}
			{% if t.activo %}
			<a class="button" href="#" onclick="alert('Todavia no funciona');return false;"> {{t.claves }}</a>
			{% else %}
			{{t.claves }}
			{% endif %}
		{% else %}
			&nbsp;
		{% endif %}
		</td>
	</tr>
{% endfor %}
</table>
{% endif %}

{% if contacto.relaciones.all or contacto.personas_relacionadas %}
<h4>Personas Relacionadas</h4>
<table class="lista">
<tr>
<th>Nombre</th>
<th>Relación</th>
<th>Email</th>
</tr>
{% for t in  contacto.relaciones.all %}
	<tr {% if not t.activo %}class="inactiva"{% endif %}>
		<td> {{t.nombre }}</td>
		<td>{{t.relacion|default_if_none:"&nbsp;"}}</td>
		<td>
		{% if t.email %}
			{% if t.activo %}
				<a class="button" href="mailto:{{t.email}}"> {{t.email }}</a>
			{% else %}
				{{t.email }}
			{% endif %}
		{% else %}
			&nbsp;
		{% endif %}
		</td>
	</tr>
{% endfor %}
{% if contacto.personas_relacionadas %}
	<tr>
		<td>Otras</td>
		<td> {{contacto.personas_relacionadas}}</td>
		<td></td>
	</tr>
{% endif %}
</table>
{% endif %}

<h4>Observaciones</h4>

<textarea type="text" id="observaciones" cols=50 rows=10>
{{contacto.observaciones}}
</textarea>
{% csrf_token %}

<script>
$(function() {
	$("#observaciones").change(function() {
		$.ajax({
		  type: 'POST',
	      url: "/empresa/contactos/grabar_campo_contacto/{{contacto.id}}/",
		  data: {'campo': 'observaciones', 'valor': $("#observaciones").val(), 'csrfmiddlewaretoken': $('input[name="csrfmiddlewaretoken"]:first').attr('value') }
        });
	});
});
</script>

{% if contacto.referidos.all %}

<h4>Contactos que refirió</h4>

<table class="lista">
<thead>
<tr>
<th>Nombre</th>
<th>Fecha de contacto</th>
<th>Facturas</th>
</tr>
</thead>
{% for c in contacto.referidos.all %}
<tr>
<td><a target="_blank" href="/empresa/entidades/ficha/?cliente={{c.id}}">
{{c}}</a></td>
<td>{{c.fecha_de_contacto}}</td>
<td>{{c.facturas.count}}</td>
</tr>
{% endfor %}
</table>

{% endif %}


{% if contacto.integrantes.all %}

<h4>Integrantes del grupo</h4>

<table class="lista">
<thead>
<tr>
<th>Nombre</th>
</tr>
</thead>
{% for c in contacto.integrantes.all %}
<tr>
<td><a target="_blank" href="/empresa/entidades/ficha/?cliente={{c.id}}">
{{c}}</a></td>
</tr>
{% endfor %}
</table>

{% endif %}




